<template>
  <!-- 聊天界面item样式 -->
  <div class='chatItem'>
    <div>
      <img :style="imgStyle"
           :src="chatitem.groupheaderimg"
           alt='' />
    </div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  props: ['chatitem'],
  data () {
    return {
      imgStyle: {
        width: '50px',
        height: '50px',
        paddingTop: '10px'
      }
    }
  },
  methods: {
    gotolink () {
      this.$router.push({ path: '/chatcom' })
    }
  }
}
</script>

<style scoped>
.chatItem {
  display: flex;
  flex-direction: row;
}
/* #i_item{
} */
</style>
